import React, { Component } from 'react';


/* 
  React 元素的实际处理和DOM元素的很相似,但是由一点语法上的不同;

  -React 实际的命名采用小驼峰式(camelCase),而不是纯小写.
  -使用JSX语法时你需要传入一个函数作为实际处理函数,而不是一个字符串
*/
class App extends Component {
  handleClick=()=>{
    console.log("执行button操作")
  }
  handleAClick=(e)=>{
    //e 为合成事件
    console.log(e)
    e.preventDefault(); //阻止冒泡
  }
  render() {
    return (
      <div>
        <button onClick={this.handleClick}>+</button>
        <a href="http://www.bing.com" onClick={this.handleAClick}>bing</a>
      </div>
    );
  }
}

export default App;
